<template>
  <div class="service">
    <img src="../../../static/index/baojia.jpg" alt="">
    <div class="rule">
      <h3 class="detailsRuleTitle">详细规则</h3>
      <p class="detailsRule">保价服务详细规则</p>
      <h3 class="detailsRuleTitle types">索赔方式</h3>
      <p class="detailsRule">下单当日将对比截图发给客服，确认收货后坐等赔付。</p>
      <p class="detailsRule  notice">提示：保价服务需为同isbn书对比；新书不参与保价。</p>
    </div>
  </div>
</template>
<script>
export default {}
</script>
<style lang="scss" scoped>
.service {
  img {
    width: 100%;
    height: 362rpx;
  }
  .rule {
    padding: 0 18rpx;
    .detailsRuleTitle {
      font-size: 36rpx;
      color: #2b2b2b;
      margin-top: 22rpx;
      font-weight: 700;
      margin-bottom: 30rpx;
    }
    .detailsRule {
      font-size: 26rpx;
      color: #666;
      margin-bottom: 30rpx;
    }
    .types {
      margin-top: 30rpx;
    }
    .notice {
      color: #c75050;
    }
  }
}
</style>

